<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>我的订单</title>
    <link rel="stylesheet" href="../../../css/aui.css">
    <link rel="stylesheet" type="text/css" href="../../../css/aui-flex.css" />
    <link rel="stylesheet" href="../../../css/main.css">
    <link rel="stylesheet" href="css/indent.css">
</head>
<body>
<header class="aui-bar aui-bar-nav aui-bar-top">
    <a class="aui-pull-left aui-btn goBack" >
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">我的订单</div>
</header>
<section id="app">
    <div  class="aui-grid aui-margin-b-15">
        <div class="aui-tab" id="tab">
            <div class=" aui-tab-item  aui-active " @click="goAllIndent()">
                <div class="aui-grid-label">全部 </div>
            </div>
            <div class=" aui-tab-item " @click="goDfk()">
                <div class="aui-grid-label">待付款</div>
            </div>
            <div class=" aui-tab-item " @click="goDfh()">
                <div class="aui-grid-label">待发货</div>
            </div>
            <div class=" aui-tab-item " @click="goDsh()">
                <div class="aui-grid-label">待收货</div>
            </div>
            <div class=" aui-tab-item " @click="goDpj()">
                <div class="aui-grid-label">待评价</div>
            </div>
        </div>
    </div>
    <div  class="aui-grid">
        <div class="aui-row aui-margin-t-5 goodsList">
            <div class="aui-col-xs-4">
                <div class="aui-grid-label">超急店小普专营</div>
            </div>
            <div class="aui-col-xs-4 aui-flex-offset-4" >
                <div class="aui-font-size-12 aui-text-success">待付款</div>
                <div class="aui-grid-label aui-font-size-12 ">订单号:2017121212</div>
            </div>
        </div>
    </div>
    <div  class="aui-grid">
        <div class="aui-row">
            <div class="aui-col-xs-3 aui-margin-l-15" @click="">
                <img src="../../../images/1.png" alt="">
            </div>
            <div class="aui-col-xs-5" @click="">
                <div class="aui-grid-label aui-margin-0 aui-font-size-16">小普智能马桶...</div>
                <div class="aui-grid-label aui-font-size-12  aui-margin-0 ">颜色:绅士灰</div>
                <div class="aui-grid-label aui-font-size-12  aui-margin-0">型号:000000</div>
            <div class="aui-grid-label aui-font-size-12 aui-text-danger aui-margin-0">分享零元购</div>
    </div>
    <div class="aui-col-xs-2 " @click="">
        <div class="aui-font-size-12 aui-text-success">￥19.9</div>
        <div class="aui-grid-label aui-font-size-12" style="text-decoration:line-through">￥19.9</div>
        <div class="aui-font-size-12">0.020Kg</div>
        <div class="aui-grid-label aui-font-size-12 ">X1</div>
    </div>
    </div>
    </div>
    <div  class="aui-grid">
        <div class="aui-row goodsList">
            <div class="aui-col-xs-4 aui-grid-label aui-font-size-12" >
                <span>2017-12-12</span><span>16:00:00</span>
            </div>
            <div class="aui-col-xs-8" @click="">
                <div class="aui-grid-label aui-font-size-12 ">
                    共<span>1</span>件商品 合计:<span>￥19.90</span>(含运费:￥<span>0</span>)
                </div>
            </div>
        </div>
    </div>
    <div class="aui-flex-col aui-flex-item-12 aui-margin-t-10" v-on:click="goBuy()">
        <div class="aui-btn aui-btn-danger aui-btn-default aui-btn-outlined aui-flex-item-4 aui-flex-offset-7">去支付</div>
    </div>
    <div  class="aui-grid">
        <div class="aui-row aui-margin-t-5 goodsList">
            <div class="aui-col-xs-4">
                <div class="aui-grid-label">超急店小普专营</div>
            </div>
            <div class="aui-col-xs-4 aui-flex-offset-4" >
                <div class="aui-font-size-12 aui-text-success">待付款</div>
                <div class="aui-grid-label aui-font-size-12 ">订单号:2017121212</div>
            </div>
        </div>
    </div>
    <div  class="aui-grid">
        <div class="aui-row">
            <div class="aui-col-xs-3 aui-margin-l-15">
                <img src="../../../images/1.png" alt="">
            </div>
            <div class="aui-col-xs-5">
                <div class="aui-grid-label aui-margin-0 aui-font-size-16">小普智能马桶...</div>
                <div class="aui-grid-label aui-font-size-12  aui-margin-0 ">颜色:绅士灰</div>
                <div class="aui-grid-label aui-font-size-12  aui-margin-0">型号:000000</div>
                <div class="aui-grid-label aui-font-size-12 aui-text-danger aui-margin-0">分享零元购</div>
            </div>
            <div class="aui-col-xs-2 ">
                <div class="aui-font-size-12 aui-text-success">￥19.9</div>
                <div class="aui-grid-label aui-font-size-12" style="text-decoration:line-through">￥19.9</div>
                <div class="aui-font-size-12">0.020Kg</div>
                <div class="aui-grid-label aui-font-size-12 ">X1</div>
            </div>
        </div>
    </div>
    <div  class="aui-grid">
        <div class="aui-row goodsList">
            <div class="aui-col-xs-4 aui-grid-label aui-font-size-12" >
                <span>2017-12-12</span><span>16:00:00</span>
            </div>
            <div class="aui-col-xs-8">
                <div class="aui-grid-label aui-font-size-12 ">
                    共<span>1</span>件商品 合计:<span>￥19.90</span>(含运费:￥<span>0</span>)
                </div>
            </div>
        </div>
    </div>
    <div class="aui-flex-col aui-flex-item-12 aui-margin-t-10 aui-flex-offset-5" v-on:click="">
        <div class="aui-btn  aui-btn-default aui-btn-outlined aui-flex-item-3 ">删除订单 </div>
        <div class="aui-btn aui-btn-danger aui-btn-default aui-btn-outlined aui-flex-item-3 ">确认收货</div>
    </div>
</section>
<script type="text/javascript" src="../../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../../js/api.js"></script>
<script type="text/javascript" src="../../../js/aui-tab.js"></script>
<script type="text/javascript" src="../../../js/vue.min.js"></script>
<script type="text/javascript" src="../../../js/aui-list-swipe-backup.js"></script>
<script src="js/indent.js"></script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="../../../js/weixin.js" ></script>

<script>
    var xpHome = new Vue({
        el:"#app",
        data:{},
        methods:{
            goDfk:function(){
                window.location.href="./dfkIndent.html"
            },
            goDfh:function(){
                window.location.href="./dfhIndent.html"
            },
            goDsh:function(){
                window.location.href="./dshIndent.html"
            },
            goDpj:function(){
                window.location.href="./dpgIndent.html"
            },
            goOrderDetail:function(){
                window.location.href = "../order_detail/order_detail.html";
            },
            goBuy:function(){
                window.location.href = "../../buy.html";
            },
            abolishBtn:function(){
                $(".indent").remove()
            }
        }
    })
</script>
</body>
</html>